import React from "react";
import { useSelector } from 'react-redux'
// import { collapsedChange } from '@/store/modules/settingStore'
import { Image } from 'antd';
import logo from './logo.png'

const Logo = () => {
    // const dispatch = useDispatch()
    let collapsedValue = useSelector(state => state.setting.collapsed)
    return (
        <div>
            {
                collapsedValue? (
                    <div className="font-bold fs-20">Logo</div>
                ) : (
                    <Image
                        src={logo}
                        preview={false}
                    />
                )
            }
        </div>
    )
}

export default Logo